@font-face
{
	font-family: TXWHZGBJT;
	src: url('../css/碳纤维汉真广标简体.ttf');
	     // url('Sansation_Light.eot'); /* IE9+ */
}
.customer_service{
	padding-bottom: 100px;
	.nav{
		width: 935px;
		margin: 20px auto 15px auto;
		overflow: hidden;
		.kk_logo{
			float: left;
			img{
				width: 175px;
				height: 53px;
			}
		}
		nav{
			float: right;
			margin-top: 30px;
			a{
				overflow: hidden;
				display: inline-block;
				height: 21px;
				border-left: 1px solid #5443C9;
				color: #5443C9;
				padding: 0 15px;
				font-family: TXWHZGBJT;
				font-weight: normal;
				span{
					position: relative;
					display: inline-block;
					text-align: center;
					transition: transform 0.3s;
				}
				span::before{
					position: absolute;
					top: 100%;
					content: attr(data-hover);
					font-weight: bold;
					transform: translate3d(0,0,0);
				}
			}
			a:nth-child(6){
				border-right: 1px solid #5443C9;
			}
			a:hover{
				span{
					transform: translateY(-100%);
				}
			}
		}
	}
	.top{
		width: 1200px;
		margin: 0 auto;
		.title{

		}
	}
	.customer_online{
		width: 1198px;
		height: 448px;
		margin: 0 auto;
		background-image: url(../img/customer-service/customer_service_chat_bg.png);
		background-repeat: no-repeat;
		background-size: 100% 100%;
		border: 1px solid #6D31C4;
		overflow: hidden;
		.left_input{
			float: left;
			margin-top: 70px;
			margin-left: 30px;
			overflow: hidden;
			form{
				textarea:nth-child(1){
					width: 600px;
					height: 180px;
					resize: none;
					font-size: 16px;
					color: rgb(98, 98, 98)
				}
				textarea:nth-child(3){
					width: 600px;
					height: 106px;
					resize: none;
					font-size: 16px;
					margin-top: 20px;
				}
				.btn{
					width: 93px;
					height: 32px;
					background-repeat: no-repeat;
					background-size: 100% 100%;
					border: none;
					margin-top: 10px;
					float: right;
				}
				.send_btn{
					background-image: url(../img/customer-service/customer_service_send_btn.png);
					
				}
				.cancel_btn{
					background-image: url(../img/customer-service/customer_service_cancel_btn.png);
				}
			}
		}
		.right_pic{
			float: right;
			margin-top: 30px;
			margin-right: 25px;
			img{
				width: 490px;
				height: 385px;
			}
		}
	}
	.customer_hotonline{
		width: 1200px;
		margin: 0 auto;
		margin-top: 35px;
		img{
			width: 1200px;
		}
	}
	.self_help{
		width: 1200px;
		margin: 0 auto;
		margin-top: 30px;
		.title{
			width: 340px;
			height: 60px;
		}
		ul{
			margin-left: 30px;
			li{
				margin-top: 40px;
				p:nth-child(1){
					span:nth-child(1){
						font-weight: bold;
						color: #513DC9;
					}
					span:nth-child(2){
						font-family: TXWHZGBJT;
						color: #513DC9;
						font-size: 20px;
					}
				}
				p:nth-child(2){
					margin-top: 25px;
					margin-left: 15px;
					color: rgb(98, 98, 98);
				}
			}
			li:nth-child(1){
				margin-top: 20px;
			}
		}
	}
}